<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Douban</title>
<link rel="stylesheet" href="css/douban_layout.css" type="text/css"/>
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/patches/patch_2col_right_13.css" type="text/css"/>
<![endif]-->
<!--
<script type="text/javascript" src="firebug-lite/build/firebug-lite-debug.js"></script>
-->
<script type="text/javascript" src="js/addevent.js"></script>
<script type="text/javascript" src="js/doubanslide.js"></script>
</head>
<body>
<!-- skip link navigation -->
<ul id="skiplinks">
	<li><a href="#nav" class="skip">Skip to navigation (Press Enter).</a></li>
	<li><a href="#col3" class="skip">Skip to main content (Press Enter).</a></li>
</ul>

<div class="page_margins">
	<div class="page">
		<div id="header">
			<div id="topnav">
				<span><a href="#">Login</a> | <a href="#">Contact</a> | <a href="#">Imprint</a></span>
			</div>
			<h1>Douban <em>imitate douban</em></h1>
			<span>^_^</span>
		</div>
		<!-- begin: main navigation #nav -->
		<div id="nav">
			<div class="hlist">
				<ul>
					<li><a href="#">My Douban</a></li>
					<li><a href="#">Make Y! your homepage</a></li>
					<li><a href="#">Y! china</a></li>
				</ul>
			</div>
		</div>
		<!-- end: main navigation -->
		
		<!-- begin: main content area #main -->
		<div id="main">
			<div class="subcolumns">
				<!-- begin: #col1 - first float column -->
				<div id="col1">
					<div id="col1_content" class="clearfix">
						<h3>HelloWorld</h3>
						<div id="componets_s">
							<div class="c75l">
								<div id="display_outline" class="subcl">
									<div id="display_a">
										<div class="subcolumns">
											<div class="c25l">
												<div class="subcl">
													<a href="#"><img src="images/a.jpg" alt="" /></a>
												</div>
											</div>
											<div class="c75r">
												<div class="subcr">
												    <h5>失恋33天</h5>
													<div class="movie_rank">
														<span class="score40"></span>
														<span class="grade">8.1</span>
													</div>
													<ul>
														<li><b>导演：</b>鲁伯特·瓦耶特</li>
														<li><b>主演：</b>文章 / 白百何 / 张子萱 / 王耀庆 / 郭京飞</li>
														<li><b>制片国家/地区：</b>中国大陆</li>
														<li><b>片长：</b>125分钟</li>
													</ul>
													<a href="#" class="trailerBt"></a>
												</div>
											</div>
										</div>
										<hr />
										<div class="subcolumns">
											<ul>
												<li><span class="more">&gt;<a href="#">更多48家影院</a></span><b>影讯 </b><a href="#">北京中华电影娱乐宫</a>  10:00 10:20 12:35</li>
												<li><span class="more">&gt;<a href="#">更多影评</a></span><b>影评 </b><a href="#">不属于导演的“作者电影”</a></li>
											</ul>
										</div>
									</div>
									
									<div id="display_b" style="display:none;">
										<div class="subcolumns">
											<div class="c25l">
												<div class="subcl">
													<a href="#"><img src="images/b.jpg" alt="" /></a>
												</div>
											</div>
											<div class="c75r">
												<div class="subcr">
												    <h5>失恋33天</h5>
													<div class="movie_rank">
														<span class="score40"></span>
														<span class="grade">8.1</span>
													</div>
													<ul>
														<li><b>导演：</b>鲁伯特·瓦耶特</li>
														<li><b>主演：</b>文章 / 白百何 / 张子萱 / 王耀庆 / 郭京飞</li>
														<li><b>制片国家/地区：</b>中国大陆</li>
														<li><b>片长：</b>125分钟</li>
													</ul>
													<a href="#" class="trailerBt"></a>
												</div>
											</div>
										</div>
										<hr />
										<div class="subcolumns">
											<ul>
												<li><span class="more">&gt;<a href="#">更多48家影院</a></span><b>影讯 </b><a href="#">北京中华电影娱乐宫</a>  10:00 10:20 12:35</li>
												<li><span class="more">&gt;<a href="#">更多影评</a></span><b>影评 </b><a href="#">不属于导演的“作者电影”</a></li>
											</ul>
										</div>
									</div>
									
									<div id="display_c" style="display:none;">
										<div class="subcolumns">
											<div class="c25l">
												<div class="subcl">
													<a href="#"><img src="images/c.jpg" alt="" /></a>
												</div>
											</div>
											<div class="c75r">
												<div class="subcr">
												    <h5>失恋33天</h5>
													<div class="movie_rank">
														<span class="score40"></span>
														<span class="grade">8.1</span>
													</div>
													<ul>
														<li><b>导演：</b>鲁伯特·瓦耶特</li>
														<li><b>主演：</b>文章 / 白百何 / 张子萱 / 王耀庆 / 郭京飞</li>
														<li><b>制片国家/地区：</b>中国大陆</li>
														<li><b>片长：</b>125分钟</li>
													</ul>
													<a href="#" class="trailerBt"></a>
												</div>
											</div>
										</div>
										<hr />
										<div class="subcolumns">
											<ul>
												<li><span class="more">&gt;<a href="#">更多48家影院</a></span><b>影讯 </b><a href="#">北京中华电影娱乐宫</a>  10:00 10:20 12:35</li>
												<li><span class="more">&gt;<a href="#">更多影评</a></span><b>影评 </b><a href="#">不属于导演的“作者电影”</a></li>
											</ul>
										</div>
									</div>
									
									<div id="display_d" style="display:none;">
										<div class="subcolumns">
											<div class="c25l">
												<div class="subcl">
													<a href="#"><img src="images/d.jpg" alt="" /></a>
												</div>
											</div>
											<div class="c75r">
												<div class="subcr">
												    <h5>失恋33天</h5>
													<div class="movie_rank">
														<span class="score40"></span>
														<span class="grade">8.1</span>
													</div>
													<ul>
														<li><b>导演：</b>鲁伯特·瓦耶特</li>
														<li><b>主演：</b>文章 / 白百何 / 张子萱 / 王耀庆 / 郭京飞</li>
														<li><b>制片国家/地区：</b>中国大陆</li>
														<li><b>片长：</b>125分钟</li>
													</ul>
													<a href="#" class="trailerBt"></a>
												</div>
											</div>
										</div>
										<hr />
										<div class="subcolumns">
											<ul>
												<li><span class="more">&gt;<a href="#">更多48家影院</a></span><b>影讯 </b><a href="#">北京中华电影娱乐宫</a>  10:00 10:20 12:35</li>
												<li><span class="more">&gt;<a href="#">更多影评</a></span><b>影评 </b><a href="#">不属于导演的“作者电影”</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="c25r">
								<div id="nav_outline">
									<div class="subcolumns">
										<ul>
											<li>
												
													<div class="subcolumns nav">
														<div class="c33l">
															<img src="images/a_s.jpg" width="32" height="46" alt="" />	
														</div>
														<div class="c66r">
															<div class="name">失恋33天</div>
															<span class="allstar40"></span> 
															<span class="grade">8.1</span>
														</div>
													</div>
												
											</li>
											<li>
												
													<div class="subcolumns nav">
														<div class="c33l">
															<img src="images/b_s.jpg" width="32" height="46" alt="" />	
														</div>
														<div class="c66r">
															<div class="name">失恋33天</div>
															<span class="allstar40"></span> 
															<span class="grade">8.1</span>
														</div>
													</div>
												
											</li>
											<li>
												
													<div class="subcolumns nav">
														<div class="c33l">
															<img src="images/c_s.jpg" width="32" height="46" alt="" />	
														</div>
														<div class="c66r">
															<div class="name">失恋33天</div>
															<span class="allstar40"></span> 
															<span class="grade">8.1</span>
														</div>
													</div>
												
											</li>
											<li class="last">
												
													<div class="subcolumns nav">
														<div class="c33l">
															<img src="images/d_s.jpg" width="32" height="46" alt="" />	
														</div>
														<div class="c66r">
															<div class="name">失恋33天</div>
															<span class="allstar40"></span> 
															<span class="grade">8.1</span>
														</div>
													</div>
												
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end: #col1 -->
				
				<!-- begin: #col3 static column -->
				<div id="col3">
					<div id="col3_content" class="clearfix">
						
					</div>
					<!-- IE Column Clearing -->
					<div id="ie_clearing">&nbsp;</div>
				</div>
				<!-- end: #col3 -->
			</div>
		</div>
		<!-- end: #main -->
		
		<!-- begin: #footer -->
		<div id="footer">Footer with copyright notice and status information <br />Layout based on <a href="http://www.yaml.de/">YAML</a></div>
		<!-- end: #footer -->
	</div>
</div>
<script type="text/javascript">
	var disa = document.getElementById('display_a'),
		disb = document.getElementById('display_b'),
		disc = document.getElementById('display_c'),
		disd = document.getElementById('display_d'),
		disArray = [disa, disb, disc, disd],
		nav = document.getElementById('nav_outline'),
		liSet = nav.getElementsByTagName('li');
	
	//console.log(liSet[3]);
	sloo(disArray, liSet);
</script>
</body>
</html>